
// 头像
@mixin avatar($radius) {
  .avatar {
    height: $radius * 2;
    width: $radius * 2;
    border-radius: 50%;
    overflow: hidden;

    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
}
// 单行文字过多显示...
@mixin a-row {
  width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-break: anywhere;
}

// 版心
@mixin w {
  width: 1240px;
}
// 首页轮播图
@mixin carousel {
  @include w;
  margin: 0 auto;
  height: 500px;
  position: relative;

  :deep(.el-carousel__container) {
    height: 500px;
  }
  :deep(.el-carousel__button) {
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
  }
  :deep(.el-carousel__arrow--left) {
    left: 270px;
  }
  :deep(.el-carousel__indicators--horizontal){
    left: calc(250px + (1240px - 250px)/2);
    z-index: 0;
  }

}
// child页面轮播图
@mixin carousel-child {
  @include w;
  margin: 0 auto;
  height: 500px;
  position: relative;

  :deep(.el-carousel__container) {
    height: 500px;
  }
  :deep(.el-carousel__button) {
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
  }
}
$w: 1240px;

$line: #f5f5f5; // 线条颜色
$line_e4: #e4e4e4;
$green: #27ba9b; // 主题绿色
$green_e: #e3f9f4; // 淡绿色
$black: #333; // 黑色
$gray: #ccc; // 灰色
$gray_9: #999; // 灰色
$gray_6: #666; // 灰色
$white: #fff; // 白色
$red: #cf4444; // 红色
